<template>
  <div>
      <p v-if="type === 'a' ">A</p>
      <p v-else-if="type === 'b'">B</p>
      <p v-else>other</p>

      <p v-show="type === 'a'">A by v-show</p>
      <p v-show="type === 'b'">B by v-show</p>
  </div>
</template>

<script>
export default {
    data() {
        return{
            type: "a"
        }
    }
}
</script>

<style>

</style>